import '../css/reset.css';
import '../css/vue-class&style.css';
import Vue from "vue/dist/vue.js";
//Class与Style绑定
var vm = new Vue({
  	 el:'#app',
  	 data:{
  	 	count:Math.random(),
  	 	isActive:true,
  	 	hasError:true,
  	 	classObject:{
  	 		active:true,
  	 		'text-danger':false
  	 	},
  	 	activeClass:'active',
  	 	errorClass:'text-danger',
  	 	styleData:{
  	 		activeColor:'blue',
  	 		fontSize:'14px',
  	 		styleObject:{
  	 			color:'pink',
  	 		    fontSize:'20px',
  	 		},
  	 		styleObject2:{
  	 			border:'1px solid green',
  	 		}
  	 	}
  	 },
  	 computed:{
  	 	classObject2:function(){
  	 		return{
  	 			active : this.count>0.5?true:false,
  	 			'text-danger':this.hasError
  	 		}
  	 	}
  	 }
})

